<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
	<ev  />
	<Vuexx />
	<coms :age="ass" @patch="msg">
		
		<h1 slot="a">我我加东西</h1>
		<template slot="asd">
			<span>我是template</span>
		</template>
		<h1 slot="b">w bu 加东西</h1>
	</coms>
  </div>
</template>

<script>
	import HelloWorld from './components/HelloWorld.vue'
	import './components/n'
	import ev from './components/events.vue'
	import coms from './components/com.vue'
	import Vuexx from './components/vuex.vue'
	export default {
	  name: 'App',
	  components: {
		HelloWorld,
		ev,
		coms,
		Vuexx
	  },
	  data(){
		  return{
			  ass:18
		  }
	  },
	  methods:{
		  msg(){
			  console.log('msg')
			  this.ass = 32
		  }
	  }
	}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
